<template>
  <div>
    <el-form ref="seaairWaybillReportQueryForm" :model="seaairWaybillReportQueryData"
             :rules="seaairWaybillReportQueryRules" size="mini" label-width="75px">
      <el-row :gutter="20">
        <el-col :span="1">
          <el-tag>运单</el-tag>
        </el-col>
        <el-col :span="5">
          <el-form-item label="运单客户" prop="customerId">
            <el-select v-model="seaairWaybillReportQueryData.customerId" placeholder="请输入关键字搜索" multiple clearable filterable remote :remote-method="remoteCustomer"
                       :style="{width: '100%'}">
              <el-option v-for="item in customerIdOptions" :key="item.id" :label="item.text" :value="item.id"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="销售部门" prop="saleGroupId">
            <el-select v-model="seaairWaybillReportQueryData.saleGroupId" placeholder="请选择销售部门" clearable multiple filterable
                       :style="{width: '100%'}">
              <el-option v-for="(item, value) in statementSource.saleDepartMap" :key="value" :label="item" :value="value"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="销售人员" prop="salesmanIds">
            <el-select v-model="seaairWaybillReportQueryData.salesmanIds" placeholder="请输入关键字搜索" multiple clearable filterable remote :remote-method="remoteUserSalesman"
                       :style="{width: '100%'}">
              <el-option v-for="item in salesmanIdsOptions" :key="item.id" :label="item.text" :value="item.id"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="客服人员" prop="servicesIds">
            <el-select v-model="seaairWaybillReportQueryData.servicesIds" placeholder="请输入关键字搜索" multiple clearable filterable remote :remote-method="remoteUserServices"
                       :style="{width: '100%'}">
              <el-option v-for="item in servicesIdsOptions" :key="item.id" :label="item.text" :value="item.id"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="入库操作" prop="inStockOperationIds">
            <el-select v-model="seaairWaybillReportQueryData.inStockOperationIds" placeholder="请输入关键字搜索" multiple clearable filterable remote :remote-method="remoteUserInStockOperation"
                       clearable :style="{width: '100%'}">
              <el-option v-for="item in inStockOperationIdsOptions" :key="item.id" :label="item.text" :value="item.id"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="跟单操作" prop="operationIds">
            <el-select v-model="seaairWaybillReportQueryData.operationIds" placeholder="请输入关键字搜索" multiple clearable filterable remote :remote-method="remoteUserOperationId"
                       clearable :style="{width: '100%'}">
              <el-option v-for="item in operationIdsOptions" :key="item.id" :label="item.text" :value="item.id"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="海外操作" prop="overseasOperatorIds">
            <el-select v-model="seaairWaybillReportQueryData.overseasOperatorIds" placeholder="请输入关键字搜索" multiple clearable filterable remote :remote-method="remoteUserOverseasOperator"
                       clearable :style="{width: '100%'}">
              <el-option v-for="item in overseasOperatorIdsOptions" :key="item.id" :label="item.text" :value="item.id"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="目的国家" prop="countryId">
            <el-select v-model="seaairWaybillReportQueryData.countryId" placeholder="请选择目的国家" multiple clearable filterable
                       :style="{width: '100%'}">
              <el-option v-for="(item, value) in statementSource.countryNameMap" :key="value" :label="item" :value="value"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="入库渠道" prop="inStockChannel">
            <el-select v-model="seaairWaybillReportQueryData.inStockChannel" placeholder="请选择入库渠道" multiple filterable
                       clearable :style="{width: '100%'}">
              <el-option v-for="(item, value) in statementSource.customerChannelNameMap" :key="value" :label="item" :value="value"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="出库渠道" prop="outStockChannel">
            <el-select v-model="seaairWaybillReportQueryData.outStockChannel" placeholder="请选择出库渠道" multiple filterable
                       clearable :style="{width: '100%'}">
              <el-option v-for="(item, value) in statementSource.servicerChannelNameMap" :key="value" :label="item" :value="value"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="物流方法" prop="shippingWays" >
            <el-select v-model="seaairWaybillReportQueryData.shippingWays" placeholder="请选择物流方法" multiple filterable
                       clearable :style="{width: '100%'}">
              <el-option v-for="(item, value) in statementSource.shippingWayMap" :key="value" :label="item" :value="value"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="仓库" prop="storageLocation" >
            <el-select v-model="seaairWaybillReportQueryData.storageLocation" placeholder="请选择仓库" filterable
                       clearable :style="{width: '100%'}">
              <el-option v-for="item in statementSource.storageLocations" :key="item.id" :label="item.name" :value="item.id"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="是否FBA" prop="isFba">
            <el-select v-model="seaairWaybillReportQueryData.isFba" placeholder="是否FBA" clearable filterable
                       :style="{width: '100%'}">
              <el-option v-for="(item, value) in this.yesNoMap" :key="value" :label="item" :value="value"></el-option>
            </el-select>
          </el-form-item>
        </el-col>

        <el-col :span="6">
          <el-form-item label="运单状态" prop="status">
            <el-select v-model="seaairWaybillReportQueryData.status" placeholder="请选择运单状态" multiple clearable filterable
                       :style="{width: '100%'}">
              <el-option v-for="(item, value) in statementSource.waybillStatusMap" :key="value" :label="m(item)" :value="value"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="清关服务商" prop="customsClearanceAgent">
            <el-select v-model="seaairWaybillReportQueryData.customsClearanceAgent" placeholder="请输入关键字" clearable filterable multiple remote :remote-method="remoteServicerCompany"
                       :style="{width: '100%'}">
              <el-option v-for="item in serviceCompanyOptions" :key="item.id" :label="item.text" :value="item.id"></el-option>
            </el-select>

          </el-form-item>
          <el-form-item label="派送方式" prop="deliveryWay">
            <el-select v-model="seaairWaybillReportQueryData.deliveryWay" placeholder="请选择派送方式" clearable filterable multiple
                       :style="{width: '100%'}">
              <el-option v-for="(item, value) in statementSource.accountTypeMap" :key="value" :label="item" :value="value"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="起运港" prop="shipmentPort">
            <el-select v-model="seaairWaybillReportQueryData.shipmentPort" placeholder="请选择起运港" clearable filterable multiple
                       :style="{width: '100%'}">
              <el-option-group
                v-for="(item, value) in statementSource.configAirAndPortMap"
                :key="value"
                :label="value">
                <el-option
                  v-for="(item2,value2) in item"
                  :key="value2"
                  :label="item2"
                  :value="value2">
                </el-option>
              </el-option-group>

            </el-select>
          </el-form-item>
          <el-form-item label="目的港" prop="destinationPort">
            <el-select v-model="seaairWaybillReportQueryData.destinationPort" placeholder="请选择目的港" clearable filterable multiple
                       :style="{width: '100%'}">
              <el-option-group
                v-for="(item, value) in statementSource.configAirAndPortMap"
                :key="value"
                :label="value">
                <el-option
                  v-for="(item2,value2) in item"
                  :key="value2"
                  :label="item2"
                  :value="value2">
                </el-option>
              </el-option-group>
            </el-select>
          </el-form-item>
          <el-form-item label="仓库代码" prop="dispatchAddressCode">
            <el-select v-model="seaairWaybillReportQueryData.dispatchAddressCode" placeholder="请选择仓库代码" clearable filterable multiple
                       :style="{width: '100%'}">
              <el-option v-for="(item, value) in statementSource.shippingfbastockMap" :key="value" :label="item" :value="value"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="VAT" prop="vat">
            <el-input v-model="seaairWaybillReportQueryData.vat" placeholder="请输入VAT" clearable
                      :style="{width: '100%'}"></el-input>
          </el-form-item>
          <el-form-item label="EORI" prop="eori">
            <el-input v-model="seaairWaybillReportQueryData.eori" placeholder="请输入EORI" clearable
                      :style="{width: '100%'}"></el-input>
          </el-form-item>
          <el-form-item label="分单收件人" prop="numberReceiver">
            <el-input v-model="seaairWaybillReportQueryData.numberReceiver" placeholder="${SeaAirWaybillReport_houseNumberReceiver}、${WaybillMergeReport_masterNumberReceiver} 关键字过滤数据" clearable
                      :style="{width: '100%'}"></el-input>
          </el-form-item>
          <el-form-item label="主单收件人" prop="houseNumberReceiver">
            <el-input v-model="seaairWaybillReportQueryData.houseNumberReceiver" clearable
                      :style="{width: '100%'}"></el-input>
          </el-form-item>
          <el-form-item label="船公司" prop="shipOrAirlineCompany">
            <el-select v-model="seaairWaybillReportQueryData.shipOrAirlineCompany" placeholder="请选择船公司" filterable
                       clearable :style="{width: '100%'}">
              <el-option v-for="(item, value) in statementSource.shipOrAirlineMap" :key="value" :label="item" :value="value"></el-option>
            </el-select>
          </el-form-item>
          <el-row>
            <el-col :span="13">
              <el-form-item label="离港日期" prop="rangeLeavePortDate">
                <el-date-picker v-model="seaairWaybillReportQueryData.rangeLeavePortDate[0]" format="yyyy-MM-dd" value-format="yyyy-MM-dd"
                                :style="{width: '100%'}" placeholder="开始日期" clearable></el-date-picker>
              </el-form-item>
            </el-col>
            <el-col :span="11">
              <el-form-item label="-" prop="rangeLeavePortDate" label-width="30px">
                <el-date-picker v-model="seaairWaybillReportQueryData.rangeLeavePortDate[1]" format="yyyy-MM-dd" value-format="yyyy-MM-dd"
                                :style="{width: '100%'}" placeholder="结束日期" clearable></el-date-picker>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="13">
              <el-form-item label="到港日期" prop="rangeArrivalPortDate">
                <el-date-picker v-model="seaairWaybillReportQueryData.rangeArrivalPortDate[0]" format="yyyy-MM-dd" value-format="yyyy-MM-dd"
                                :style="{width: '100%'}" placeholder="开始日期" clearable></el-date-picker>
              </el-form-item>
            </el-col>
            <el-col :span="11">
              <el-form-item label="-" prop="rangeArrivalPortDate" label-width="30px">
                <el-date-picker v-model="seaairWaybillReportQueryData.rangeArrivalPortDate[1]" format="yyyy-MM-dd" value-format="yyyy-MM-dd"
                                :style="{width: '100%'}" placeholder="结束日期" clearable></el-date-picker>
              </el-form-item>
            </el-col>
          </el-row>
        </el-col>
        <el-col :span="7">
          <el-row>
            <el-col :span="13">
              <el-form-item label="创建日期" prop="rangeCreatedDate">
                <el-date-picker v-model="seaairWaybillReportQueryData.rangeCreatedDate[0]" format="yyyy-MM-dd" value-format="yyyy-MM-dd"
                                :style="{width: '100%'}" placeholder="开始日期" clearable></el-date-picker>
              </el-form-item>
            </el-col>
            <el-col :span="11">
              <el-form-item label="-" prop="rangeInStockDate" label-width="30px">
                <el-date-picker v-model="seaairWaybillReportQueryData.rangeCreatedDate[1]" format="yyyy-MM-dd" value-format="yyyy-MM-dd"
                                :style="{width: '100%'}" placeholder="结束日期" clearable></el-date-picker>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="13">
              <el-form-item label="" prop="rangeCreatedTime">
                <el-date-picker  type="datetime" v-model="seaairWaybillReportQueryData.rangeCreatedTime[0]" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"
                                :style="{width: '100%'}" placeholder="开始时间(带时分秒)" clearable></el-date-picker>
              </el-form-item>
            </el-col>
            <el-col :span="11">
              <el-form-item label="-" prop="rangeCreatedTime" label-width="30px">
                <el-date-picker  type="datetime" v-model="seaairWaybillReportQueryData.rangeCreatedTime[1]" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"
                                :style="{width: '100%'}" placeholder="结束时间(带时分秒)" clearable></el-date-picker>
              </el-form-item>
            </el-col>
          </el-row>

          <el-row>
            <el-col :span="13">
              <el-form-item label="入库日期" prop="rangeInStockDate">
                <el-date-picker v-model="seaairWaybillReportQueryData.rangeInStockDate[0]" format="yyyy-MM-dd" value-format="yyyy-MM-dd"
                                :style="{width: '100%'}" placeholder="开始日期" clearable></el-date-picker>
              </el-form-item>
            </el-col>
            <el-col :span="11">
              <el-form-item label="-" prop="rangeInStockDate" label-width="30px">
                <el-date-picker v-model="seaairWaybillReportQueryData.rangeInStockDate[1]" format="yyyy-MM-dd" value-format="yyyy-MM-dd"
                                :style="{width: '100%'}" placeholder="结束日期" clearable></el-date-picker>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="13">
              <el-form-item label="" prop="rangeInStockTime">
                <el-date-picker type="datetime" v-model="seaairWaybillReportQueryData.rangeInStockTime[0]" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"
                                :style="{width: '100%'}" placeholder="开始时间(带时分秒)" clearable></el-date-picker>
              </el-form-item>
            </el-col>
            <el-col :span="11">
              <el-form-item label="-" prop="rangeInStockTime" label-width="30px">
                <el-date-picker type="datetime" v-model="seaairWaybillReportQueryData.rangeInStockTime[1]" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"
                                :style="{width: '100%'}" placeholder="结束时间(带时分秒)" clearable></el-date-picker>
              </el-form-item>
            </el-col>
          </el-row>

          <el-row>
            <el-col :span="13">
              <el-form-item label="出库日期" prop="rangeOutStockDate">
                <el-date-picker v-model="seaairWaybillReportQueryData.rangeOutStockDate[0]" format="yyyy-MM-dd" value-format="yyyy-MM-dd"
                                :style="{width: '100%'}" placeholder="开始日期" clearable></el-date-picker>
              </el-form-item>
            </el-col>
            <el-col :span="11">
              <el-form-item label="-" prop="rangeOutStockDate" label-width="30px">
                <el-date-picker v-model="seaairWaybillReportQueryData.rangeOutStockDate[1]" format="yyyy-MM-dd" value-format="yyyy-MM-dd"
                                :style="{width: '100%'}" placeholder="结束日期" clearable></el-date-picker>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="13">
              <el-form-item label="" prop="rangeOutStockTime">
                <el-date-picker type="datetime" v-model="seaairWaybillReportQueryData.rangeOutStockTime[0]" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"
                                :style="{width: '100%'}" placeholder="开始时间(带时分秒)" clearable></el-date-picker>
              </el-form-item>
            </el-col>
            <el-col :span="11">
              <el-form-item label="-" prop="rangeOutStockTime" label-width="30px">
                <el-date-picker type="datetime" v-model="seaairWaybillReportQueryData.rangeOutStockTime[1]" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"
                                :style="{width: '100%'}" placeholder="结束时间(带时分秒)" clearable></el-date-picker>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="13">
              <el-form-item label="清关日期" prop="rangeClearanceDate">
                <el-date-picker v-model="seaairWaybillReportQueryData.rangeClearanceDate[0]" format="yyyy-MM-dd" value-format="yyyy-MM-dd"
                                :style="{width: '100%'}" placeholder="开始日期" clearable></el-date-picker>
              </el-form-item>
            </el-col>
            <el-col :span="11">
              <el-form-item label="-" prop="rangeOutStockDate" label-width="30px">
                <el-date-picker v-model="seaairWaybillReportQueryData.rangeClearanceDate[1]" format="yyyy-MM-dd" value-format="yyyy-MM-dd"
                                :style="{width: '100%'}" placeholder="结束日期" clearable></el-date-picker>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="13">
              <el-form-item label="" prop="rangeClearanceTime">
                <el-date-picker type="datetime" v-model="seaairWaybillReportQueryData.rangeClearanceTime[0]" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"
                                :style="{width: '100%'}" placeholder="开始时间(带时分秒)" clearable></el-date-picker>
              </el-form-item>
            </el-col>
            <el-col :span="11">
              <el-form-item label="-" prop="rangeOutStockTime" label-width="30px">
                <el-date-picker type="datetime" v-model="seaairWaybillReportQueryData.rangeClearanceTime[1]" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"
                                :style="{width: '100%'}" placeholder="结束时间(带时分秒)" clearable></el-date-picker>
              </el-form-item>
            </el-col>
          </el-row>

          <el-row>
            <el-col :span="13">
              <el-form-item label="签收日期" prop="rangeSignDate">
                <el-date-picker v-model="seaairWaybillReportQueryData.rangeSignDate[0]" format="yyyy-MM-dd" value-format="yyyy-MM-dd"
                                :style="{width: '100%'}" placeholder="开始日期" clearable></el-date-picker>
              </el-form-item>
            </el-col>
            <el-col :span="11">
              <el-form-item label="-" prop="rangeSignDate" label-width="30px">
                <el-date-picker v-model="seaairWaybillReportQueryData.rangeSignDate[1]" format="yyyy-MM-dd" value-format="yyyy-MM-dd"
                                :style="{width: '100%'}" placeholder="结束日期" clearable></el-date-picker>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="13">
              <el-form-item label="" prop="rangeSignTime">
                <el-date-picker type="datetime" v-model="seaairWaybillReportQueryData.rangeSignTime[0]" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"
                                :style="{width: '100%'}" placeholder="开始时间(带时分秒)" clearable></el-date-picker>
              </el-form-item>
            </el-col>
            <el-col :span="11">
              <el-form-item label="-" prop="rangeOutStockTime" label-width="30px">
                <el-date-picker type="datetime" v-model="seaairWaybillReportQueryData.rangeSignTime[1]" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"
                                :style="{width: '100%'}" placeholder="结束时间(带时分秒)" clearable></el-date-picker>
              </el-form-item>
            </el-col>
          </el-row>

          <!--<el-row>
            <el-col :span="13">
              <el-form-item label="到仓日期" prop="rangeSignDate">
                <el-date-picker v-model="seaairWaybillReportQueryData.arrivalDate[0]" format="yyyy-MM-dd" value-format="yyyy-MM-dd"
                                :style="{width: '100%'}" placeholder="开始日期" clearable></el-date-picker>
              </el-form-item>
            </el-col>
            <el-col :span="11">
              <el-form-item label="-" prop="rangeSignDate" label-width="30px">
                <el-date-picker v-model="seaairWaybillReportQueryData.arrivalDate[1]" format="yyyy-MM-dd" value-format="yyyy-MM-dd"
                                :style="{width: '100%'}" placeholder="结束日期" clearable></el-date-picker>
              </el-form-item>
            </el-col>
          </el-row>-->
          <el-row>
            <el-col :span="13">
              <el-form-item label="货物到仓日期" prop="arrivalTime">
                <el-date-picker type="datetime" v-model="seaairWaybillReportQueryData.arrivalTime[0]" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"
                                :style="{width: '100%'}" placeholder="开始时间(带时分秒)" clearable></el-date-picker>
              </el-form-item>
            </el-col>
            <el-col :span="11">
              <el-form-item label="-" prop="rangeOutStockTime" label-width="30px">
                <el-date-picker type="datetime" v-model="seaairWaybillReportQueryData.arrivalTime[1]" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"
                                :style="{width: '100%'}" placeholder="结束时间(带时分秒)" clearable></el-date-picker>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="13">
              <el-form-item label="利润率%" prop="startWaybillTotalRmbrofitMagin">
                <el-input v-model="seaairWaybillReportQueryData.startWaybillTotalRmbrofitMagin" placeholder="请录入数字,例如:34.73" clearable :style="{width: '100%'}"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="11">
              <el-form-item label="-" prop="endWaybillTotalRmbrofitMagin" label-width="30px">
                <el-input v-model="seaairWaybillReportQueryData.endWaybillTotalRmbrofitMagin" placeholder="请录入数字,例如:88.73" clearable :style="{width: '100%'}"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
        </el-col>
        <el-col :span="5">
          <el-form-item label="运单号" prop="waybillNos">
            <el-input v-model="seaairWaybillReportQueryData.waybillNos" type="textarea"
                      :autosize="{minRows: 3, maxRows: 3}" :style="{width: '100%'}"></el-input>
          </el-form-item>
          <el-form-item label="合单号" prop="mergeWaybillNos">
            <el-input v-model="seaairWaybillReportQueryData.mergeWaybillNos" type="textarea"
                      :autosize="{minRows: 3, maxRows: 3}" :style="{width: '100%'}"></el-input>
          </el-form-item>
          <el-form-item label="参考号" prop="referenceNos">
            <el-input v-model="seaairWaybillReportQueryData.referenceNos" type="textarea"
                      :autosize="{minRows: 3, maxRows: 3}" :style="{width: '100%'}"></el-input>
          </el-form-item>
          <el-form-item label="主单号" prop="masterNos">
            <el-input v-model="seaairWaybillReportQueryData.masterNos" type="textarea"
                      :autosize="{minRows: 3, maxRows: 3}" :style="{width: '100%'}"></el-input>
          </el-form-item>
          <el-form-item label="跟踪号" prop="trackNos">
            <el-input v-model="seaairWaybillReportQueryData.trackNos" type="textarea"
                      :autosize="{minRows: 3, maxRows: 3}" :style="{width: '100%'}"></el-input>
          </el-form-item>
          <el-form-item label="分单号" prop="singleWaybillNos" style="margin-bottom: 0px;">
            <el-input v-model="seaairWaybillReportQueryData.singleWaybillNos" type="textarea"
                      :autosize="{minRows: 3, maxRows: 3}" :style="{width: '100%'}"></el-input>
          </el-form-item>

        </el-col>
      </el-row>
    </el-form>
  </div>
</template>
<script>
  import { m } from "@/store/yg/common/local";
  import { ajax,searchCustomerLimit } from "@/store/yg/common/utils";
  export default {
    components: {},
    props: {
      statementSource:{
        type: Object,
        default: function () {
          return {}
        }
      }
    },
    data() {
      return {
        seaairWaybillReportQueryData: {
          customerId: [],
          saleGroupId: [],
          salesmanIds: [],
          servicesIds: [],
          inStockOperationIds: [],
          operationIds: [],
          overseasOperatorIds: [],
          countryId: [],
          inStockChannel: [],
          outStockChannel: [],
          shippingWays: [],
          status: [],
          deliveryWay: [],
          customsClearanceAgent: [],
          shipmentPort: [],
          currencys:[],
          destinationPort: [],
          dispatchAddressCode: [],
          vat: null,
          eori: null,
          isFba: null,
          rangeCreatedDate: [],
          rangeCreatedTime: [],
          rangeInStockDate: [],
          rangeInStockTime: [],
          rangeOutStockDate: [],
          rangeOutStockTime: [],
          rangeLeavePortDate: [],
          rangeArrivalPortDate: [],
          rangeClearanceDate: [],
          rangeClearanceTime: [],
          rangeSignDate: [],
          rangeSignTime: [],
          // arrivalDate: [],
          arrivalTime: [],
          storageLocation: null,
          numberReceiver: null,
          houseNumberReceiver: null,
          shipOrAirlineCompany: null,
          startWaybillTotalRmbrofitMagin:null,
          endWaybillTotalRmbrofitMagin: null
        },
        seaairWaybillReportQueryRules: {
        },
        customerIdOptions: {},
        userNameOptions: {},
        saleGroupIdOptions: [],
        salesmanIdsOptions: {},
        servicesIdsOptions: {},
        inStockOperationIdsOptions: {},
        operationIdsOptions: {},
        overseasOperatorIdsOptions: {},
        countryIdOptions: [],
        inStockChannelOptions: [],
        outStockChannelOptions: [],
        shippingWaysOptions: [],
        statusOptions: [],
        deliveryWayOptions: [],
        shipmentPortOptions: [],
        destinationPortOptions: [],
        dispatchAddressCodeOptions: [],
        serviceCompanyOptions: [],
        yesNoMap: {0: '否', 1: '是'},
      }
    },
    computed: {},
    watch: {
      statementSource(){
        this.seaairWaybillReportQueryData.storageLocation = this.statementSource.storageLocation;
      }
    },
    created() {
    },
    mounted() {
      this.$nextTick(() => {
      });
    },
    methods: {
      async remoteCustomer(query){
        if (query !== '') {
          this.customerIdOptions = await searchCustomerLimit(query);
        }else {
          this.customerIdOptions = {};
        }
      },
      async remoteServicerCompany(query){
        if (query !== '') {
          this.serviceCompanyOptions = await ajax("searchServiceCompanySelect", {
            name: query
          });
        }else {
          this.serviceCompanyOptions = {};
        }
      },
      async remoteUserSalesman(query) {
        if (query != '') {
          this.salesmanIdsOptions = await ajax("searchUserSelect", {name: query});
        }
      },
      async remoteUserServices(query) {
        if (query != '') {
          this.servicesIdsOptions = await ajax("searchUserSelect", {name: query});
        }
      },
      async remoteUserInStockOperation(query) {
        if (query != '') {
          this.inStockOperationIdsOptions = await ajax("searchUserSelect", {name: query});
        }
      },
      async remoteUserOperationId(query) {
        if (query != '') {
          this.operationIdsOptions = await ajax("searchUserSelect", {name: query});
        }
      },
      async remoteUserOverseasOperator(query) {
        if(query != ''){
          this.overseasOperatorIdsOptions = await ajax("searchUserSelect", {name: query});
        }
      },
      m(params) {
        return m(params)
      }
    }
  }

</script>
<style>
</style>
